<template>
  <div id="app">
    <p>
      <router-link to="/hot">热映</router-link> |
      <router-link to="/cinema">影院</router-link> |
      <router-link to="/wait">待映</router-link> |
      <router-link to="/classic">经典电影</router-link> |
      <router-link to="/detail/3456">详情页1</router-link> |
      <router-link to="/detail/7890">详情页2</router-link> |
    </p>

    <router-view></router-view>
    <router-view name="a"></router-view>
    <router-view name="b"></router-view>
  </div>
</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
</style>
